<template>
	<view>
		<view class="feePlane nobot">
			<view class="fee-section1">
				<view class="flexBox">
					<view class="flexLeft fee-black-font-left fee-gray-font">Order SN:</view>
					<view class="flexRight fee-black-font-right text-red">{{ order_sn }}</view>
				</view>
			</view>
		</view>
		<view class="goodsPlane">
			<view class="goodsImageBox"><image :src="fetch.interfaceUrl() + original_img" class="goodsImage" /></view>
			<view>
				<view class="goodsfullname">{{goods_name}}</view>
				<!-- <view class="goods-rentday">
					Price：
					<text class="text-orange">{{shop_price}}</text>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
import fetch from '@/common/fetch.js'
export default {
	props: {
		order_sn: {
			type: String,
			default: ''
		},
		goods_name: {
			type: String,
			default: ''
		},
		original_img: {
			type: String,
			default: ''
		},
		shop_price: {
			type: String,
			default: ''
		}
	},
	data(){
		return {
			fetch: fetch
		}
	}
};
</script>

<style lang="less">
.feePlane.nobot {
	margin-bottom: 0;
}
.feePlane {
	background: #fff;
	margin-bottom: 152px;
	border-radius: 5px;
	/* box-shadow: rgba(150, 148, 147, 0.3) 0px 0px 10px; */
	margin-left: 14px;
	margin-right: 14px;
}
.fee-section1 {
	padding: 19px 14px 9px 14px;
	border-bottom: 1px solid #f8f8f8;
}
.flexBox {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}
.fee-gray-font {
	font-size: 13px;
	line-height: 13px;
	color: #999;
}
.fee-black-font-right {
	font-size: 13px;
	line-height: 13px;
	color: #262626;
}
.goodsPlane {
	padding: 19px 14px;
	display: flex;
	background: #fff;
	margin-bottom: 9px;
	border-radius: 5px;
	/* box-shadow: rgba(150, 148, 147, 0.3) 0px 0px 10px; */
	margin-left: 14px;
	margin-right: 14px;
}
.goodsImage {
	background-color: #eee;
	width: 76px;
	height: 76px;
}
.goodsImageBox {
	width: 76px;
	height: 76px;
	margin-right: 9px;
}
.goodsfullname {
	color: #000;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 13px;
}
.goods-rentday {
	color: #000;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 13px;
}
.line-orange,
.lines-orange,
.text-orange {
	color: #f37b1d;
}
</style>
